<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Privacy Policy - BentoPDF</title>
    <script src="https://unpkg.com/lucide@latest"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="icon" type="image/png" href="images/favicon.svg" />
    <link href="/src/css/styles.css" rel="stylesheet" />
  </head>

  <body class="antialiased bg-gray-900 text-gray-300">
    <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-30">
      <div class="container mx-auto px-4">
        <div class="flex justify-between items-center h-16">
          <div
            class="flex-shrink-0 flex items-center cursor-pointer"
            id="home-logo"
          >
            <img
              src="images/favicon.svg"
              alt="Bento PDF Logo"
              class="h-8 w-8"
            />
            <span class="text-white font-bold text-xl ml-2">
              <a href="index.html">BentoPDF</a>
            </span>
          </div>

          <!-- Desktop Navigation -->
          <div class="hidden md:flex items-center space-x-8">
            <a href="index.html" class="nav-link">Home</a>
            <a href="./about.html" class="nav-link">About</a>
            <a href="./contact.html" class="nav-link">Contact</a>
            <a href="index.html#tools-header" class="nav-link">All Tools</a>
          </div>

          <!-- Mobile Hamburger Button -->
          <div class="md:hidden flex items-center">
            <button
              id="mobile-menu-button"
              type="button"
              class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500 transition-colors"
              aria-controls="mobile-menu"
              aria-expanded="false"
            >
              <span class="sr-only">Open main menu</span>
              <!-- Hamburger Icon -->
              <svg
                id="menu-icon"
                class="block h-6 w-6"
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
                aria-hidden="true"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M4 6h16M4 12h16M4 18h16"
                />
              </svg>
              <!-- Close Icon -->
              <svg
                id="close-icon"
                class="hidden h-6 w-6"
                xmlns="http://www.w3.org/2000/svg"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
                aria-hidden="true"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M6 18L18 6M6 6l12 12"
                />
              </svg>
            </button>
          </div>
        </div>
      </div>

      <!-- Mobile Menu Dropdown -->
      <div
        id="mobile-menu"
        class="hidden md:hidden bg-gray-800 border-t border-gray-700"
      >
        <div class="px-2 pt-2 pb-3 space-y-1 text-center">
          <a href="index.html" class="mobile-nav-link">Home</a>
          <a href="./about.html" class="mobile-nav-link">About</a>
          <a href="./contact.html" class="mobile-nav-link">Contact</a>
          <a href="index.html#tools-header" class="mobile-nav-link"
            >All Tools</a
          >
        </div>
      </div>
    </nav>

    <div id="app" class="container mx-auto p-4 md:p-8">
      <section class="max-w-4xl mx-auto py-12">
        <h1 class="text-4xl md:text-5xl font-bold text-center text-white mb-4">
          Privacy Policy
        </h1>
        <p class="text-center text-gray-500">
          Last Updated: September 14, 2025
        </p>

        <div class="legal-content mt-12">
          <h2>1. Our Commitment to Privacy</h2>
          <p>
            BentoPDF ("we", "us", "our") is fundamentally a privacy-focused
            service. This Privacy Policy outlines our unwavering commitment to
            protecting your privacy. Our core principle is simple:
            <strong>your files are your files</strong>. We do not and cannot
            view, access, store, or share your documents. All PDF processing
            occurs entirely on your own computer, within your web browser
            (client-side).
          </p>

          <h3>1.1 The Client-Side Principle</h3>
          <p>
            Unlike other online PDF services, BentoPDF does not upload your
            files to a server for processing. The tools you use are powered by
            JavaScript and WebAssembly libraries that run directly on your
            device. This means your data never leaves your computer, providing
            you with the highest level of privacy and security.
          </p>

          <h2>2. Information We Do Not Collect</h2>
          <p>
            Because of our client-side architecture, we are technically
            incapable of collecting the following information:
          </p>
          <ul>
            <li>
              The content of your PDF files or any other documents you use with
              our tools.
            </li>
            <li>Any personal data contained within your documents.</li>
            <li>Filenames of your documents.</li>
            <li>
              Any derived information or metadata from your files, beyond what
              is necessary for the tool to function during your active session
              (and this is immediately discarded).
            </li>
          </ul>

          <h2>3. Information We May Collect (Non-Personal Data)</h2>
          <p>
            To improve our website and services, we may collect anonymous,
            non-personally identifiable information. This type of data helps us
            understand how users interact with our site, which tools are most
            popular, and how we can improve the user experience. This includes:
          </p>
          <ul>
            <li>
              <strong>Usage Analytics:</strong> Anonymized data such as which
              tools are used, how often they are used, and which features are
              accessed. This is aggregated and cannot be tied back to an
              individual user or document.
            </li>
            <li>
              <strong>Performance Data:</strong> Anonymized error reports or
              performance metrics to help us identify and fix bugs. This data
              contains no personal information or file content.
            </li>
          </ul>
          <p>
            We use privacy-respecting analytics platforms for this purpose.
            Specifically, we use
            <a
              href="https://simpleanalytics.com"
              target="_blank"
              rel="noopener noreferrer"
              class="text-indigo-400 hover:underline"
              >Simple Analytics</a
            >
            to track anonymous visit counts. This means we can see how many
            users visit our site, but
            <strong
              >we never collect personal information or identify individual
              users</strong
            >. Simple Analytics is fully GDPR-compliant and respects user
            privacy. We do not use tracking cookies for advertising or
            cross-site profiling.
          </p>

          <h2>4. Third-Party Libraries</h2>
          <p>
            BentoPDF is built using powerful, open-source libraries like
            PDF-lib.js and PDF.js. These libraries are trusted by developers
            worldwide and operate under the same client-side principle. While we
            have vetted these libraries, we encourage you to review their
            respective privacy policies for your own peace of mind.
          </p>

          <h2>5. Security</h2>
          <p>
            Since your files are never transmitted over the internet to our
            servers, you are protected from potential data breaches during
            transit or storage on a server. The security of your documents is in
            your hands and protected by the security of your own computer and
            web browser.
          </p>

          <h2>6. Children's Privacy</h2>
          <p>
            Our services are not directed at individuals under the age of 13. We
            do not knowingly collect any personal information from children. If
            you believe a child has provided us with personal information,
            please contact us, and we will take steps to delete such
            information.
          </p>

          <h2>7. Changes to This Privacy Policy</h2>
          <p>
            We may update this Privacy Policy from time to time. We will notify
            you of any changes by posting the new policy on this page and
            updating the "Last Updated" date at the top. You are advised to
            review this Privacy Policy periodically for any changes.
          </p>

          <h2>8. Contact Us</h2>
          <p>
            If you have any questions about this Privacy Policy, please contact
            us at
            <a href="mailto:contact@bentopdf.com">contact@bentopdf.com</a>.
          </p>
        </div>
      </section>
    </div>

    <footer class="mt-16 border-t-2 border-gray-700 py-8">
      <div class="container mx-auto px-4">
        <div
          class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left"
        >
          <div class="mb-8 md:mb-0">
            <div class="flex items-center justify-center md:justify-start mb-4">
              <img
                src="images/favicon.svg"
                alt="BentoPDF Logo"
                class="h-10 w-10 mr-3"
              />
              <span class="text-xl font-bold text-white">BentoPDF</span>
            </div>
            <p class="text-gray-400 text-sm">
              &copy; 2025 BentoPDF. All rights reserved.
            </p>
          </div>
          <div>
            <h3 class="font-bold text-white mb-4">Company</h3>
            <ul class="space-y-2 text-gray-400">
              <li>
                <a href="about.html" class="hover:text-indigo-400">About Us</a>
              </li>
              <li><a href="faq.html" class="hover:text-indigo-400">FAQ</a></li>
              <li>
                <a href="contact.html" class="hover:text-indigo-400"
                  >Contact Us</a
                >
              </li>
            </ul>
          </div>
          <div>
            <h3 class="font-bold text-white mb-4">Legal</h3>
            <ul class="space-y-2 text-gray-400">
              <li>
                <a href="terms.html" class="hover:text-indigo-400"
                  >Terms and Conditions</a
                >
              </li>
              <li>
                <a href="privacy.html" class="hover:text-indigo-400"
                  >Privacy Policy</a
                >
              </li>
            </ul>
          </div>
          <div>
            <h3 class="font-bold text-white mb-4">Follow Us</h3>
            <div class="flex justify-center md:justify-start space-x-4">
              <a
                href="https://www.instagram.com/thebentopdf/"
                class="text-gray-400 hover:text-indigo-400"
              >
                <i data-lucide="instagram"></i>
              </a>
              <a
                href="https://www.linkedin.com/company/bentopdf/"
                class="text-gray-400 hover:text-indigo-400"
              >
                <i data-lucide="linkedin"></i>
              </a>
              <a
                href="https://x.com/BentoPDF"
                class="text-gray-400 hover:text-indigo-400"
              >
                <svg
                  class="w-6 h-6"
                  fill="currentColor"
                  viewBox="0 0 24 24"
                  aria-hidden="true"
                >
                  <path
                    d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
                  />
                </svg>
              </a>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <script>
      lucide.createIcons();
    </script>
    <script type="module" src="src/js/mobileMenu.ts"></script>
  </body>
</html>
